<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Convert SQL to Laravel query builder. Laravel where nested. laravel where in subquery. laravel join subquery.">
  <title>SQL to Laravel Builder</title>
  <link href="https://cdn.bootcss.com/font-awesome/5.11.2/css/fontawesome.min.css" rel="stylesheet">
  <link href="https://cdn.bootcss.com/bulma/0.7.5/css/bulma.min.css" rel="stylesheet">
  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9087401435839175" crossorigin="anonymous"></script>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z93ZQ8Z1M6"></script>
  <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-Z93ZQ8Z1M6');
  </script>
</head>
<body>

<section class="hero is-primary is-small">

  <div class="hero-body">
    <div class="container has-text-centered">
      <h1 class="title">
        Convert Your Legacy SQL to Laravel Query Builder
      </h1>
    </div>
  </div>
</section>
<div style="margin-left: 20px;">
  <a target="_blank" href="https://github.com/sql2builder/sql2builder.github.io">Github</a>
</div>

<div>
  <div class="columns is-mobile is-centered">
    <div class="column is-two-thirds">
      <div class="content-area">
        <div class="box box-offset">

          <div class="field">
            <div class="control">
              <textarea class="textarea" name="sql" rows="10" placeholder="Enter Your Sql" id="input"></textarea>
            </div>
          </div>

          <div class="level-left">
            <div class="level-item has-text-centered">
              <button class="button is-primary" id="convert-button">
                Convert
              </button>
            </div>
            <div class="level-item has-text-centered">
              <button class="button" id="share-button">
                Share
              </button>
            </div>
          </div>
        </div>

        <div class="box box-offset">
          <div class="field">
            <div class="control">
              <textarea class="textarea" name="sql" rows="10" placeholder="Output" id="output"></textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<input style="display: none;" id="base64sql"></input>
<script src="./bootstrap.js"></script>
</body>
</html>
